const Led=Vue.defineComponent({
    props:{
        value:Number
    },
    data() {
        return {
            number: [
                [1, 1, 1, 1, 1, 1, 0], // 0
                [0, 1, 1, 0, 0, 0, 0], // 1
                [1, 1, 0, 1, 1, 0, 1], // 2
                [1, 1, 1, 1, 0, 0, 1], // 3
                [0, 1, 1, 0, 0, 1, 1], // 4
                [1, 0, 1, 1, 0, 1, 1], // 5
                [1, 0, 1, 1, 1, 1, 1], // 6
                [1, 1, 1, 0, 0, 0, 0], // 7
                [1, 1, 1, 1, 1, 1, 1], // 8
                [1, 1, 1, 1, 0, 1, 1]  // 9
            ]
        }
    },
    template:`
    <div class="digit">
            <div v-for="i in number[value]" :class="i? 'segment on' : 'segment'"></div>
        </div>
        `
})